
page{background: #F2F2F2;}
//new
// 背景
.bg-img-box{
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
.content{
	padding: 20rpx;
	.user-info{
		padding: 30rpx;
		// color: #fff;
		display: flex;
		align-items: center;
		.user-data{
			margin-top: 20rpx;
			.price{
				font-size: 32rpx;
				font-weight: bold;
				color: #FE9B69;
			}
			.use-time{
				color: #fff;
				font-size: 28rpx;
				
			}
		}
	}

	.vip_fuwu{
		display: flex;
		width: 100%;
		background-color: #fff;
		border-radius: 16rpx;
		.temp{
			text-align: center;
			padding: 20rpx 0;
			width:33%;
			.img{
				width: 80rpx;
				height: 80rpx;
				margin: auto;
				image{
					width: 80rpx;
					height: 80rpx;
				}
			}
			.title{
				font-size: 28rpx;
				font-weight: bold;
				
			}
			.text{
				font-size: 24rpx;
				color: #888;
			}
		}
	}
	
	.vip-item{
		width: 100%;
		// height: 100%;
		// padding: 20rpx 0;
		image{
			width: 100%;
			// height: 100%;
		}
	}
	
	
	
}
.vip-btn{
		width: 100%;
		position: fixed;
		padding: 20rpx;
		bottom: 0rpx;
		height: 200rpx;
		color: #fff;
		background-color: #fff;
		
		.tip{
			font-size: 24rpx;
			color: #888;
			.text{
				color: #e2c7b4ff;
			}
		}
		
		.btn{
			
			width: 600rpx;
			height: 100rpx;
			background: #3B3D4B;
			border: 2rpx solid #979797;
			border-radius: 50rpx;
			margin: auto;
			margin-top: 20rpx;
			text-align: center;
			line-height: 100rpx;
			font-size: 32rpx;
			font-weight: bold;
			
		}
}
	
// 规则框
.rules-pop{
	.rules-pop-box{
		padding: 30rpx;
		background-color: #fff;
		border-radius: 16rpx;
		width:600rpx;
		.tit{
			text-align: center;
			font-size: 32rpx;
			color: #FE9B69;
		}
		.text{
			text-align: center;
			font-size: 28rpx;
		}
	}
}
